.rv-image [data-width] {
	width: 100%;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	height: 100%;
}

section.section-ctn:not([data-n="1"],[data-n="3"],[data-n="6"], [data-n="7"]){
	position: relative;
	min-height:	600px;
}
section.section-ctn[data-n="1"]{
	height:	450px;
}

section.section-ctn[data-n="1"]>.inner-ctn {
	position: absolute;
	top: 50%;
	width: 35%;
	left: 150%;
	transition: linear 2s;
	transform: translate(-50%, -50%);

}

section.section-ctn[data-n="1"]>.rv-image>[data-width] {
	background-position: center top !important;
	transition: linear 2s;
}

section.section-ctn[data-n="1"]:hover .rv-image>[data-width] {
	background-position: center !important;
}

section.section-ctn[data-n="2"]{
	display: flex;
	min-height: 350px;
}

section.section-ctn[data-n="2"] > .inner-ctn{
	width: 40%;
	display: flex;
    align-items: center;
	justify-content: center;
	position: relative;
}

section.section-ctn[data-n="2"] > .inner-ctn:last-child{
	width: 60%;
	justify-content: right;
}

section.section-ctn[data-n="2"] > .inner-ctn > .rv-content{
    top: 0% !important;
    position: absolute;
    transform: translateY(-50%);
	border-radius: 30px 0px 0px 30px !important;
	border: 3px solid;
	width: 90%;
	left: unset !important;
	overflow: hidden;
}

section.section-ctn[data-n="2"] > .inner-ctn > .rv-content > .inner-ctn{
	width: 100%;
	transition: ease 1s;
	left: 100%;
	position: relative;
	overflow: hidden;
}

section.section-ctn[data-n="2"] > .inner-ctn > .rv-content:hover > .inner-ctn{
	left: 0%
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn {
	height: 70%;
	width: 85%;
	display: flex;
	align-items: center;
	position: relative;
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider:not([data-l="4"], [data-l="2"]) {
	height: 100%;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	transform-origin: top;
	transition: all 500ms cubic-bezier(0.71, 0.57, 0.01, 0.98);
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider[data-l="4"],
section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider[data-l="2"] {
	height: 100%;
	width: 100%;
	display: flex;
	gap: 20px
}

section.section-ctn[data-n="2"]>.inner-ctn .rv-image {
	width: 50%;
	height: 100%;
	transition: 1.5s;
	position: absolute;
	left: 50%;
	border: 2px solid ;
	transition: 1s linear;
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider[data-l="4"] .rv-image,
section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider[data-l="2"] .rv-image {
	flex: 1;
	position: unset;
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.section-ctn[data-n="2"] > .inner-ctn > .image_ctn button.prev {
    left: -10px;
}

section.section-ctn[data-n="2"] > .inner-ctn > .image_ctn button.next {
    right: -10px;
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn button:hover {
	background-color: #ddd;
}

/* 5 Images */
section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_1 {
	z-index: 10;
	transform: scale(1) translateX(-50%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_2 {
	z-index: 9;
	transform: scale(0.8) translateX(-100%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_3 {
	z-index: 8;
	transform: scale(0.6) translateX(-175%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_4 {
	z-index: 7;
	transform: scale(0.4) translateX(-250%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_5 {
	z-index: 6;
	transform: scale(0.2) translate(-50%, -50%);
	display: none;
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_6 {
	z-index: 5;
	transform: scale(0) translate(-50%, -50%);
	display: none;
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_7 {
	z-index: 6;
	transform: scale(0.2) translate(-50%, -50%);
	display: none;
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_8 {
	z-index: 7;
	transform: scale(0.4) translateX(0%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_9 {
	z-index: 8;
	transform: scale(0.6) translateX(10%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="10"] .rv-image.active_10 {
	z-index: 9;
	transform: scale(0.8) translateX(-25%);
}

/* 4 Images */

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_1 {
	z-index: 8;
	transform: scale(1) translateX(-50%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_2 {
	z-index: 7;
	transform: scale(0.8) translateX(-100%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_3 {
	z-index: 6;
	transform: scale(0.6) translateX(-175%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_4 {
	z-index: 4;
	transform: scale(0.4) translateX(-250%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_5 {
	z-index: 3;
	transform: scale(0.2) translate(-50%, -50%);
	display: none;
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_6 {
	z-index: 4;
	transform: scale(0.4) translateX(0%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_7 {
	z-index: 6;
	transform: scale(0.6) translateX(10%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="8"] .rv-image.active_8 {
	z-index: 7;
	transform: scale(0.8) translateX(-25%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_1 {
	z-index: 6;
	transform: scale(1) translateX(-50%);
}

/* 3 Images */

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_2 {
	z-index: 5;
	transform: scale(0.8) translateX(-100%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_3 {
	z-index: 4;
	transform: scale(0.6) translateX(-175%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_4 {
	transform: scale(0.5) translateX(-95%);
	z-index: 3;
}


section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_5 {
	z-index: 4;
	transform: scale(0.6) translateX(10%);
}

section.section-ctn[data-n="2"]>.inner-ctn .slider[data-l="6"] .rv-image.active_6 {
	z-index: 5;
	transform: scale(0.8) translateX(-25%);
}


section.section-ctn[data-n="4"] {
	height: 600px;
	overflow: hidden;
}

section.section-ctn[data-n="4"]>.inner-ctn {
	position: absolute;
	top: 150%;
	width: 35%;
	left: 25%;
	transform: translate(-50%, -50%);
	transition: linear 2s;
}

section.section-ctn[data-n="4"] > .inner-ctn > .rv-content{
	border-radius: 30px !important;
	border: 3px solid;
}

section.section-ctn[data-n="4"]>.rv-image>[data-width] {
	background-position: center bottom !important;
	transition: linear 2s;
}

section.section-ctn[data-n="4"]:hover .rv-image>[data-width] {
	background-position: center !important;
}

section.section-ctn[data-n="4"]:hover>.inner-ctn {
	top: 50%;
}

section.section-ctn[data-n="4"]>.inner-ctn>.rv-content>.inner-ctn {
	transition: linear 4s;
	opacity: 0;
}

section.section-ctn[data-n="4"]:hover>.inner-ctn>.rv-content>.inner-ctn {
	opacity: 1;
}

section.section-ctn[data-n="5"] {
	display: flex;
}

section.section-ctn[data-n="5"]>.inner-ctn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-direction: column;
}

section.section-ctn[data-n="5"]>.inner-ctn>.image_ctn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

section.section-ctn[data-n="5"]>.inner-ctn>.content_slide_btns{
	width: 100%;
    text-align: center;
}
section.section-ctn[data-n="5"]>.inner-ctn>.content_slide_btns >button{
	margin: 16px;
	padding:10px 20px;
	border-radius: 15px;
	width: 115px;
}

section.section-ctn[data-n="5"]>.inner-ctn>.image_ctn>.rv-image {
	width: 50%;
	height: 80%;
	position: absolute;
	border: 2px solid;
	transition: 1s linear;
	opacity: 0.5;
	left: 50%;
}

/* 5 Images */
section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="5"] > .rv-image.active_5{
	transform: scale(.6) translateX(-147%);
	opacity: 0.1;
	z-index: 1;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="5"] > .rv-image.active_4{
	transform: scale(.7) translateX(-110%);
	opacity: 0.2;
	z-index: 2;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="5"] > .rv-image.active_3{
	transform: scale(.8) translateX(-80%);
	opacity: 0.5;
	z-index: 3;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="5"] > .rv-image.active_2{
	transform: scale(.9) translateX(-55%);
	opacity: 0.7;
	z-index: 4;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="5"] > .rv-image.active_1{
	transform: scale(1) translateX(-30%);
	z-index: 5;
	opacity: 1;
}

/* 4 Images */
section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="4"] > .rv-image.active_4{
	transform: scale(.7) translateX(-115%);
	opacity: 0.2;
	z-index: 2;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="4"] > .rv-image.active_3{
	transform: scale(.8) translateX(-85%);
	opacity: 0.5;
	z-index: 3;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="4"] > .rv-image.active_2{
	transform: scale(.9) translateX(-60%);
	opacity: 0.7;
	z-index: 4;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="4"] > .rv-image.active_1{
	transform: scale(1) translateX(-35%);
	z-index: 5;
	opacity: 1;
}

/* 3 Images */
section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="3"] > .rv-image.active_3{
	transform: scale(.8) translateX(-90%);
	opacity: 0.5;
	z-index: 3;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="3"] > .rv-image.active_2{
	transform: scale(.9) translateX(-65%);
	opacity: 0.7;
	z-index: 4;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="3"] > .rv-image.active_1{
	transform: scale(1) translateX(-40%);
	z-index: 5;
	opacity: 1;
}

/* 2 Images */

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="2"] > .rv-image.active_2{
	transform: scale(.9) translateX(-70%);
	opacity: 0.7;
	z-index: 4;
}

section.section-ctn[data-n="5"] > .inner-ctn > .image_ctn[data-l="2"] > .rv-image.active_1{
	transform: scale(1) translateX(-45%);
	z-index: 5;
	opacity: 1;
}


/* 1 Images */

section.section-ctn[data-n="5"]>.inner-ctn>.image_ctn[data-l="1"]>.rv-image.active_1 {
	transform: translateX(-50%);
	z-index: 5;
	opacity: 1;
}

section.section-ctn[data-n="5"]>.inner-ctn >.content_ctn> .rv-content:not(.active_1) {
	display: none;
}

section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.rv-image.active_1[data-link]:not([data-link='']),
section.section-ctn[data-n="5"]>.inner-ctn>.image_ctn>.rv-image.active_1[data-link]:not([data-link='']) {
	cursor: pointer;
}

@media (max-width: 1100px) {
	section.section-ctn[data-n="2"] {
		flex-direction: column-reverse;
		margin-top: -50px;
	}

	section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn {
		height: 300px;
		width: 100%;
	}

	section.section-ctn[data-n="5"]>.inner-ctn>.image_ctn>.rv-image,
	section.section-ctn[data-n="2"]>.inner-ctn .rv-image {
		left: 50% !important;
	}

	section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn>.slider {
		z-index: 1;
	}

	section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn button.next {
		right: 0px;
		z-index: 2;
	}

	section.section-ctn[data-n="2"]>.inner-ctn>.image_ctn button.prev {
		left: 0px;
		z-index: 2;
	}

	section.section-ctn[data-n="4"]>.inner-ctn {
		position: absolute;
		top: 50%;
		width: 80%;
		left: 50%;
	}

	section.section-ctn[data-n="4"]>.inner-ctn>.rv-content>.inner-ctn {
		opacity: 1;
	}

	section.section-ctn[data-n="5"] {
		display: block;
		min-height: 300px;
	}

	section.section-ctn[data-n="5"] > .inner-ctn:first-child{
		min-height: 300px;
	}
}

@media (max-width: 1000px){
	section.section-ctn[data-n="1"] .rv-image > [data-width]{
		background-position: center !important;
	}

	section.section-ctn[data-n="2"] > .inner-ctn{
		width: 100% !important;
	}

	section.section-ctn[data-n="2"] > .inner-ctn:last-child{
		height: 150px;
	}

	section.section-ctn[data-n="2"] > .inner-ctn .rv-image {
		width: 40%;
		height: 85%;
	}

	section.section-ctn[data-n="2"] > .inner-ctn > .rv-content > .inner-ctn{
		left: 0%
	}
}